<template>
	<view class="homePage">
		<!-- 头部 -->
		<view class="header">
			<!-- 在这里添加头部内容 -->
			<view class="top">
				<div>欢迎来到**健身馆</div>
			</view>
		</view>

		<!-- 内容区 -->
		<view class="content">
			 <!-- #ifndef APP-NVUE || MP-TOUTIAO -->
			    <view class="u-demo-block">
			        <u-swiper
			                :list="list3"
			                previousMargin="30"
			                nextMargin="30"
			                circular
							height="200"
			                :autoplay="true"
			                radius="5"
			                bgColor="#ffffff"
			        ></u-swiper>
			    </view>
			    <!-- #endif -->
				
				<view class="activity">
					<view class="">
						活动
					</view>
				</view>
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue';  
	  
	const list3 = reactive([  
	    'https://cdn.uviewui.com/uview/swiper/swiper3.png',  
	    'https://cdn.uviewui.com/uview/swiper/swiper2.png',  
	    'https://cdn.uviewui.com/uview/swiper/swiper1.png',  
	]);  
</script>
<style lang="scss">
	@import "index.scss"
</style>